<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
        <meta name="author" content="order by dede58.com"/>
		<title>小米手机列表</title>
        <script type="text/javascript" src='/js/jquery-3.3.1.js'></script>
        <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
        <link rel="stylesheet" type="text/css" href="/css/style.css">
        <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.1.0/css/bootstrap.min.css">

        <script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
        <script src="https://cdn.bootcss.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
	</head>
	<body>
	<div style="width: 1226px;margin: 0 auto;">
        <!-- start header -->
        <header>
            <div class="top center">
                <div class="left fl">
                    <ul>
                        <li><a href="http://www.mi.com/" target="_blank">小米商城</a></li>
                        <li>|</li>
                        <li><a href="">MIUI</a></li>
                        <li>|</li>
                        <li><a href="">米聊</a></li>
                        <li>|</li>
                        <li><a href="">游戏</a></li>
                        <li>|</li>
                        <li><a href="">多看阅读</a></li>
                        <li>|</li>
                        <li><a href="">云服务</a></li>
                        <li>|</li>
                        <li><a href="">金融</a></li>
                        <li>|</li>
                        <li><a href="">小米商城移动版</a></li>
                        <li>|</li>
                        <li><a href="">问题反馈</a></li>
                        <li>|</li>
                        <li><a href="">Select Region</a></li>
                        <div class="clear"></div>
                    </ul>
                </div>
                <div class="right fr">
                    <div class="gouwuche fr"><a href="">购物车</a></div>
                    <div class="fr">
                        <ul>
                            <li><a href="/login.html" target="_blank">登录</a></li>
                            <li>|</li>
                            <li><a href="/register.html" target="_blank" >注册</a></li>
                            <li>|</li>
                            <li><a href="">消息通知</a></li>
                        </ul>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
            </div>
        </header>
        <!--end header -->

        <!-- start banner_x -->
        <div class="banner_x center">
            <a href="/index.html" target="_blank"><div class="logo fl"></div></a>
            <a href=""><div class="ad_top fl"></div></a>
            <div class="nav fl">
                <ul>
                    <li><a href="">小米手机</a></li>
                    <li><a href="">红米</a></li>
                    <li><a href="">平板·笔记本</a></li>
                    <li><a href="">电视</a></li>
                    <li><a href="">盒子·影音</a></li>
                    <li><a href="">路由器</a></li>
                    <li><a href="">智能硬件</a></li>
                    <li><a href="">服务</a></li>
                    <li><a href="">社区</a></li>
                </ul>
            </div>
            <div class="search fr">
                <form action="" method="post">
                    <div class="text fl">
                        <input type="text" class="shuru"  placeholder="小米6&nbsp;小米MIX现货">
                    </div>
                    <div class="submit fl">
                        <input type="submit" class="sousuo" value="搜索"/>
                    </div>
                    <div class="clear"></div>
                </form>
                <div class="clear"></div>
            </div>
        </div>
        <!-- end banner_x -->

        <!-- start banner_y -->
        <!-- end banner -->

        <!-- start danpin -->
        <div class="danpin center">

            <div class="biaoti center"></div>
            <div class="main center">

				<#list productVoList as productVoList>
				<div class="mingxing fl mb20" style="border:2px solid #fff;width:230px;cursor:pointer;" onmouseout="this.style.border='2px solid #fff'" onmousemove="this.style.border='2px solid red'">
                    <div class="sub_mingxing"><a href="/product/detail?secondCategoryId=${productVoList.secondCategoryId}" target="_blank"><img style="height: 150px;width: 150px;" src="${productVoList.productImgs}" alt=""></a></div>
                    <div class="pinpai"><a href="/product/detail?secondCategoryId=${productVoList.secondCategoryId}"  target="_blank">${productVoList.secondCategoryName} ${productVoList.colorName} </a></div>
                    <div class="youhui">${productVoList.productDesc}</div>
                    <div class="jiage">${productVoList.versionPrice?c}元</div>
                </div>
				</#list>


                <div class="clear"></div>
            </div>

        </div>



        <!-- end danpin -->

	</div>

	</body>
</html>